<div
  [class]="(type === 'text' ? 'custom_input' : 'custom_textarea') + (disabled ? ' is_disabled' : ' ')"
  [class.custom_input_group]="prepend || append"
  >
  <ng-container *ngIf="type === 'text'">
    <ng-container *ngIf="prepend">
      <div class="custom_input_prepend">
        <ng-template [ngTemplateOutlet]="prepend"></ng-template>
      </div>
    </ng-container>
    <input
      [class.custom_input_inner_prepend]="prepend"
      [class.custom_input_inner_append]="append"
      [ngModel]="model"
      (ngModelChange)="handelInput($event)"
      [placeholder]='placeholder'
      [autocomplete]="autoComplete"
      [name]="name"
      [value]="value"
      [autofocus]="autofocus"
      class="custom_input_inner"
      [type]="nativeType"
      (focus)="focus.emit($event)"
      (blur)="blur.emit($event)"
      [disabled]="disabled"
      [maxlength]="maxlength"
      [minlength]="minlength"
    >
    <ng-container *ngIf="append">
      <div class="custom_input_append">
        <ng-template [ngTemplateOutlet]="append"></ng-template>
      </div>
    </ng-container>
  </ng-container>
</div>